<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    @@include('./include/header.html')
    <title>红包卷</title>
    <style>
        .weui-dialog__btn  {
            font-size: 0.213333rem!important;
            color: #fd5240!important;
        }
    </style>
</head>
<body>
<div class="page">
    <div class="page-hd">
        <div class="header">
            <div class="header-left" style="width: auto">
                <a href="javascript:history.go(-1)" class="left-arrow"></a>
            </div>
            <div class="header-title">红包券</div>
        </div>
    </div>
    <div class="page-bd" style="background-color: #f8f8f8;" id="style_hbj">
        <!-- 页面内容-->
        <div class="weui-tab">
            <div class="weui-navbar fw500" style="z-index: 10;">
                <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
                    已核销
                </a>
                <a class="weui-navbar__item" href="#tab2">
                    可使用
                </a>
                <a class="weui-navbar__item" href="#tab3">
                    已失效
                </a>
            </div>
            <div class="weui-tab__bd sj_bd">
                <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active" style="width: 93%;margin: 0 auto">
                    <div class="weui-cells border-after-none" style="background-color: transparent">
                        <a href="#" class="weui-media-box weui-media-box_appmsg weui-cell_access b_radio15 mb25 bs10" style="background:#fff;margin:1%;">
                            <div class="weui-media-box__hd">
                                <div class="avatar">
                                    <img src="../assets/images/tx00.jpg" alt="">
                                </div>
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title fw500 fs28">阿迪达斯(中国)运动用品有限公司</h4>
                                <p class="weui-media-box__desc">有效期至2018.08.20</p>
                            </div>
                            <div class="weui-cell__ft border-after-none pr0">
                                <div class="fs26 text-default fw500 fs30 ff">￥<span class="fs45">50</span></div>
                                <div class="fs24 text-gray text-gray_active">可使用</div>
                            </div>
                        </a>
                        <a href="#" class="weui-media-box weui-media-box_appmsg weui-cell_access b_radio15 mb25 bs10" style="background:#fff;margin:1%;">
                            <div class="weui-media-box__hd">
                                <div class="avatar">
                                    <img src="../assets/images/tx00.jpg" alt="">
                                </div>
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title fw500 fs28">阿迪达斯(中国)运动用品有限公司</h4>
                                <p class="weui-media-box__desc">有效期至2018.08.20</p>
                            </div>
                            <div class="weui-cell__ft border-after-none pr0">
                                <div class="fs26 text-default fw500 fs30 ff">￥<span class="fs45">50</span></div>
                                <div class="fs24 text-gray">已核销
                                </div>
                            </div>
                        </a>
                        <a href="#" class="weui-media-box weui-media-box_appmsg weui-cell_access b_radio15 mb25 bs10" style="background:#fff;margin:1%;">
                            <div class="weui-media-box__hd">
                                <div class="avatar">
                                    <img src="../assets/images/tx00.jpg" alt="">
                                </div>
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title fw500 fs28">阿迪达斯(中国)运动用品有限公司</h4>
                                <p class="weui-media-box__desc">有效期至2018.08.20</p>
                            </div>
                            <div class="weui-cell__ft border-after-none pr0">
                                <div class="fs26 text-default fw500 fs30 ff">￥<span class="fs45">50</span></div>
                                <div class="fs24 text-gray">已过期</div>
                            </div>
                        </a>
                    </div>


                </div>
                <div id="tab2" class="weui-tab__bd-item">
                    2222
                </div>
                <div id="tab3" class="weui-tab__bd-item">333</div>
            </div>
        </div>
    </div>
    <div id="half" class="weui-popup__container popup-bottom">
        <div class="weui-popup__overlay"></div>

        <div class="weui-picker-modal weui-select-modal weui-picker-modal-visible" style="z-index: 999">

            <div class="weui-cells weui-cells_radio" style="text-align: center">
                <label class="weui-cell weui-check_label" for="weui-select-id-1">
                    <div class="weui-cell__bd weui-cell_primary fs30"><p>商家红包券</p></div>

                </label>
                <label class="weui-cell weui-check_label" for="weui-select-id-2">
                    <div class="weui-cell__bd weui-cell_primary fs30"><p>个人红包券</p></div>

                </label>
                <label id="close_btn1" class="weui-cell weui-check_label" for="weui-select-id-3" style="border-top:10px solid #f8f8f8">
                    <div class="weui-cell__bd weui-cell_primary fs30"><p>取消</p></div>
                </label>
            </div>
        </div>

    </div>
    @@include('./include/bottom-bar.html', {
    "item1": "",
    "item2": "",
    "item3": "active"
    })
</div>

@@include('./include/footer.html')

<script>


</script>
</body>
</html>